.fe-cmp-collapsible-area {
    .fe-collapsible-container {
      overflow: hidden;
      transition: height 0.2s linear;
    }
  
    .fe-collapsible-icon-container {
      position: relative;
  
      //渐变线
      &::after {
        content: '';
        height: 1px;
        position: absolute;
        bottom: 0;
        width: 514px;
        box-shadow: 2px 0 9px 0 rgba(63, 118, 239, 0.45);
        left: 50%;
        margin: 0 0 0 -275px;
        background-image: linear-gradient(-89deg, rgba(154, 154, 154, 0.00) 0%, #A8ADB3 50%, rgba(154, 154, 154, 0.00) 100%);
      }
  
      // 图标
      .f-icon-container {
        background: #FCFEFF;
        border: 1px solid #A2A7AE;
        box-shadow: 0 -2px 20px 0 rgba(3, 18, 51, 0.05);
        border-radius: 3px;
        color: #A4A9B0;
        width: 16px;
        height: 16px;
        position: absolute;
        bottom: -8px;
        left: 50%;
        z-index: 120;
        text-align: center;
  
        .f-icon {
          font-size: 14px;
          vertical-align: top;
          transition: transform 0.2s linear;
  
          &::before {
            font-family: FarrisIcons;
            content: "\ebe1";
          }
  
        }
      }
    }
  
    &.f-state-expand .f-icon-container .f-icon {
      transform: rotate(180deg);
    }
  }
  
  
  
  